<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8" />
  <title>AideaTabs</title>
  <link rel="stylesheet" href="module/atom/css/base.css" type="text/css" />
  <link rel="stylesheet" href="aidea/css/aidea.css" type="text/css" />
  <link rel="stylesheet" href="/module/katex/katex.min.css">
  <link rel="stylesheet" href="/module/highlight/aideacode.css">
  <link rel="shortcut icon" href="tablogo.png" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
</head>

<body id="all">
  <div id="main">

    <div class="top-bar">
      <div class="button left" id="sidebar">
        <img src="aidea/img/sidebar.svg" />
      </div>

      <div class="button right" id="configItems">
        <img src="aidea/img/windmill-off.svg" />
      </div>
    </div>

    <section class="background" data-spotlight="fullscreen">
      <img class="logo" id="logo" src="aidea/img/logo.png" title="右键更改图标（或将图片拖拽到这里）"
        title=" &copy; Yoseya All rights" />

      <div id="contents">
        <div style="display: flex ;justify-content: center ;">
          <div id="chat_window">
            <div id="chat_print">
              <div id="output" style="text-align: left;"></div>
            </div>
          </div>
        </div>

        <div class="search_part">
          <form id="search_bar" class="search_bar">
            <span id="targetArea">
              <div class="searchswitch" id="searchswitch">
                <img class="searchlogo" id="aisearchlogo" height="30px" src="aidea/img/AI.svg" title="退出智慧搜索" />
                <img class="searchlogo" id="searchlogo" height="30px" src="aidea/img/search.svg" title="切换引擎" />
              </div>
              <input class="search" type="text" list="url_list" value="" clientidmode="Static" autocomplete="off"
                placeholder="搜索或输入网址" id="search_input" />
              <div class="searchtool" id="searchTool_unfold">
                <img src="aidea/img/unfold.svg" />
              </div>
              <div class="searchtool search_submit" id="search_submit">
                <img src="aidea/img/submit.svg" />
              </div>
            </span>

            <div style="display: none;" id="searchtool_list">
              <div class="searchtool flexcapsule unselectable" id="surfInternet" title="联网搜索">
                <img src="aidea/img/networking.svg" />
                <div style="display: flex; flex-wrap: nowrap;">
                  <p>Search</p>
                </div>
              </div>

              <div class="searchtool searchToolList" id="inputfile_to_AI" title="上传文件">
                <img src="aidea/img/file_input.svg" />
              </div>
            </div>

          </form>
        </div>

        <div class="dropdown-menu" id="dropdown-menu">
          <a class="dropdown-item" id="defAI">智慧搜索</a>
          <a class="dropdown-item" id="defgoogle">谷歌</a>
          <a class="dropdown-item" id="defbaidu">百度</a>
          <a class="dropdown-item" id="defbing">必应</a>
          <a class="dropdown-item" id="defcustomize">自定义</a>
          <a class="dropdown-item" id="defdefault">默认</a>
        </div>

        <div class="url_scroll" id="content">
          <div id="url" class="url_part none">
            <button type="button none" class="url" id="visit">访问</button>
            <button type="button" class="url" id="baidu">Baidu</button>
            <button type="button" class="url" id="google">Google</button>
            <button type="button" class="url" id="bing">Bing</button>
            <button type="button" class="url" id="bilibili">bilibili</button>
            <button type="button" class="url" id="zhihu">知乎</button>
            <button type="button" class="url" id="github">GitHub</button>
            <button type="button" class="url" id="more">翻译</button>
            <button type="button" class="stow none" id="stow">收起</button>
          </div>
        </div>

        <div class="alltype none" id="alltype">
          <!--二级菜单留着备用-->
        </div>

        <input id="file1" class="none" type="file"
          accept="image/gif,image/jpeg,image/jpg,image/png,image/x-icon,text/javascript,text/plain,text/html,text/css" />
        <input id="logofile" class="none" type="file" accept="image/gif,image/png" />

        <!--下拉工具栏-->
        <div id="box" class="tag_part none">
          <div class="tag">
            <div class="tag-show" id="setKeycode_button">
              <p><img class="icon" src="/aidea/img/command.svg" /></p>
            </div>
            <p class="tagname">快捷键</p>
          </div>

          <div class="tag">
            <div class="tag-show" id="setChatHistory_button">
              <p><img class="icon" src="/aidea/img/chat.svg" /></p>
            </div>
            <p class="tagname">对话</p>
          </div>

          <div class="tag">
            <div class="tag-show" id="setToolPack_button">
              <p><img class="icon" src="/aidea/img/toolbox.svg" /></p>
            </div>
            <p class="tagname">工具</p>
          </div>

          <div class="tag">
            <div class="tag-show" id="setAgent_button">
              <p><img class="icon" src="/aidea/img/agent.svg" /></p>
              </a>
            </div>
            <p class="tagname">智能体</p>
          </div>

          <div class="tag">
            <div class="tag-show" id="setPrompt_button">
              <p><img class="icon" src="/aidea/img/prompt.svg" /></p>
            </div>
            <p class="tagname">提示词</p>
          </div>

          <div class="tag">
            <div class="tag-show" id="settings_button">
              <p><img class="icon" src="aidea/img/settings.svg" /></p>
            </div>
            <p class="tagname">设置</p>
          </div>
        </div>


      </div>
  </div>

  <!-- dialog 弹窗 -->

  <!--使用说明-->
  <div id="guide" class="dialog">
    <div class="dialog-content">
      <span class="close"></span>
      <div id="userManual"></div>
    </div>
  </div>

  <!--快捷键设置窗口-->
  <div id="keycode_window" class="dialog">
    <div class="dialog-content">
      <span class="close"></span>
      在之后的版本中，AideaTabs的快捷键功能会在这里统一进行设置管理，原本的操作方式将被弃用。
    </div>
  </div>

  <!--历史对话窗口-->
  <div id="chatHistory_window" class="dialog">
    <div class="dialog-content">
      <span class="close"></span>
      正在完善此功能...
    </div>
  </div>

  <!--工具包窗口-->
  <div id="toolPack_window" class="dialog">
    <div class="dialog-content">
      <span class="close"></span>
      敬请期待...
    </div>
  </div>

  <!--智能体设置窗口-->
  <div id="agent_window" class="dialog">
    <div class="dialog-content">
      <span class="close"></span>
      <div id="agent_page"></div>
    </div>
  </div>

  <!--提示词设置窗口-->
  <div id="prompt_window" class="dialog">
    <div class="dialog-content">
      <span class="close"></span>
      <div id="prompt_page"></div>
      <button class=" atom right"> 示例模板 </button>
      <h2>角色</h2>
      <div>
        <textarea id="prompt_role" class="atom" placeholder="请输入角色身份"></textarea>
      </div>
      <h2>任务</h2>
      <div>
        <textarea id="prompt_task" class="atom" placeholder="请输入模型的任务" style="height:300px;"></textarea>
      </div>
      <h2>限制</h2>
      <div>
        <textarea id="prompt_restrict" class="atom" placeholder="请输入限制条件" style="height:200px;"></textarea>
      </div>
    </div>
  </div>

  <!--设置窗口-->
  <div id="settings_window" class="dialog">
    <div class="dialog-content">
      <span class="close"></span>
      正在建设中...
    </div>
  </div>


  <!-- dialog 弹窗示例
  <div id="dialog2" class="dialog">
    <div class="dialog-content">
      <span class="close"></span>

    </div>
  </div>
  -->

  <!--JavaScript-->
  <script src="module/marked/marked.min.js"></script>
  <script src="module/katex/katex.min.js"></script>
  <script defer src="module/katex/auto-render.min.js"></script>
  <script src="/module/highlight/highlight.min.js"></script>
  <script src="aidea/js/components.js"></script>
  <script src="module/ducklib/ducklib.js"></script>
  <script src="aidea/js/aidea.js"></script>
</body>

</html>